<div class="widget am-cf">
	<div class="am-fl"><a href="javascript:void(0)" class="am-btn am-btn-primary am-btn-xs" onclick="history.go(-1);return false;"><i class="am-icon-long-arrow-left"></i> 商品报损</a></div>
    <div class="am-fr"><a href="javascript:void(0)" class="am-btn am-btn-default am-btn-xs" id="cennelBtn">取消</a></div>
</div>
<style>.am-table-tit>tbody>tr>td{ border-top:0;}.attr{ color: #999; margin-top: 10px;} .attr span{ margin-right: 20px;}.list span{ margin-right: 10px;}.query-form{ display: none;}#dataTables td{ vertical-align: middle;}</style>
<div style="background-color:#f2f8fa; padding:20px 20px 1px 20px; margin-bottom:15px;">
    <table class="am-table am-table-tit">
    	<td>{{.m.Number}}</td>
        <td>报损人：{{.m.BadreportUser}}</td>
        <td>报损时间：{{.m.BadreportTime | getDate}}</td>
        <td>备注：{{.m.Remarks}}</td>
    </table>
</div>

<form class="am-form-inline tpl-form-border-form" role="form" style="padding-top:0; margin-bottom:20px;">
<div style="background-color: #e6e6e6; padding: 8px;">
    {{range $k,$v:=.erptypeid}}
        <a href="javascript:;" class="am-btn am-btn-default am-btn-xs erptypeid" data-id="{{$k}}">{{$v}}</a>
    {{end}}
</div>
</form>
<form class="am-form-inline am-form query-form" role="form" style="padding-top:0; margin-bottom:20px; display: inherit;" id="queryForm10">
    <div class="widget am-cf">
        <div class="widget-body">
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">折射率</label>
                        <div class="am-u-sm-8">
                            <select  name="refractivity" id="refractivity"></select>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">光学设计</label>
                        <div class="am-u-sm-8">
                            <select  name="optical_design" id="optical_design"></select>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">镜片类型</label>
                        <div class="am-u-sm-8">
                            <select  name="genre" id="genre"></select>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">膜层</label>
                        <div class="am-u-sm-8">
                            <input type="text" name="film" id="film" placeholder="">
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">球镜</label>
                        <div class="am-u-sm-8">
                            <input type="text" name="query_dr" id="query_dr" placeholder="">
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">柱镜</label>
                        <div class="am-u-sm-8">
                            <input type="text" name="query_am" id="query_am" placeholder="">
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">&nbsp;</div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"><button type="button" class="am-btn am-btn-success am-btn-sm query-submit"><i class="am-icon-search"></i> 查询</button></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
        </div>
    </div>
</form>
<form class="am-form-inline am-form query-form" role="form" style="padding-top:0; margin-bottom:20px;" id="queryForm20">
    <div class="widget am-cf">
        <div class="widget-body">
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">球镜</label>
                        <div class="am-u-sm-8">
                            <input type="text" name="query_dr" id="query_dr" placeholder="">
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <label class="am-u-sm-4 am-form-label">柱镜</label>
                        <div class="am-u-sm-8">
                            <input type="text" name="query_am" id="query_am" placeholder="">
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
                <div class="am-g doc-am-g">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">&nbsp;</div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"><button type="button" class="am-btn am-btn-success am-btn-sm query-submit"><i class="am-icon-search"></i> 查询</button></div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                </div>
        </div>
    </div>
</form>
<form class="am-form-inline am-form query-form" role="form" style="padding-top:0; margin-bottom:20px;" id="queryForm30">
    <div class="widget am-cf">
        <div class="widget-body">
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">型号</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="model_number" id="model_number" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">色号</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="colour_number" id="colour_number" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">&nbsp;</div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"><button type="button" class="am-btn am-btn-success am-btn-sm query-submit"><i class="am-icon-search"></i> 查询</button></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
        </div>
    </div>
</form>
<form class="am-form-inline am-form query-form" role="form" style="padding-top:0; margin-bottom:20px;" id="queryForm40">
    <div class="widget am-cf">
        <div class="widget-body">
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">球镜</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="query_dr" id="query_dr" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">ADD</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="addlight" id="addlight" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">&nbsp;</div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"><button type="button" class="am-btn am-btn-success am-btn-sm query-submit"><i class="am-icon-search"></i> 查询</button></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
        </div>
    </div>
</form>
<form class="am-form-inline am-form query-form" role="form" style="padding-top:0; margin-bottom:20px;" id="queryForm41">
    <div class="widget am-cf">
        <div class="widget-body">
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">型号</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="model_number" id="model_number" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                    <label class="am-u-sm-4 am-form-label">色号</label>
                    <div class="am-u-sm-8">
                        <input type="text" name="colour_number" id="colour_number" placeholder="">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
            <div class="am-g doc-am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">&nbsp;</div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"><button type="button" class="am-btn am-btn-success am-btn-sm query-submit"><i class="am-icon-search"></i> 查询</button></div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-3"></div>
            </div>
        </div>
    </div>
</form>
<div class="row">
        <div class="am-u-sm-8">
            <div class="widget am-cf">
                <div class="widget-body  am-fr">

                        <table width="100%" class="am-table tpl-table-black am-table-hover am-table-bordered " id="dataTables">
                            <thead>
                            <tr>
                                <th width="10%">ID</th>
                                <th>品名</th>
                                <th width="10%"> 选择 </th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>

                </div>
            </div>
        </div>
        <style>
        	.goods-list{ padding-bottom:10px;}
			.goods-list .list{ border-bottom:1px dashed #5dc0fb; padding-top:6px; padding-bottom:6px; }
			.goods-list .list p{ margin-bottom:5px; margin-top:0;}
			.goods-list .list a{ margin-left:6px;}
        </style>
        <div class="am-u-sm-4">
        	<div class="widget am-cf" style="border: 1px dashed #5dc0fb;">
            	<div class="goods-list" id="goods-list"></div>
                <button type="button" class="am-btn am-btn-warning am-btn-block" id="submitOrder">提交报损单</button>
            </div>
        </div>
</div>

